<script setup>
// Composition API 代码写在这里
import { ref, computed } from 'vue'


</script>

<template>
  <div class="container">
    <el-card>
      <h2>Test4 页面</h2>
      <p>这是 Test4 视图的内容。</p>
    </el-card>
    <div class="bottom"></div>
  </div>
</template>

<style lang="less" scoped>
.container {
  display: flex;
  flex-direction: column;
  padding: 20px;
  height: 100vh;
  border: 1px solid #ccc;
  
  /* 确保卡片不被拉伸 */
  .el-card {
    //flex: 0 0 auto;
    margin-bottom: 10px;
  }
  .bottom{
    flex: 1 ;
    border: 1px solid #eee;
    /* 可根据需要设置背景或其他样式 */
  }
}
</style>